import { Route, Switch } from 'react-router-dom';
import Home from './Home';
import Echarts from './ChartDemo';
import GridLayout from './GridLayout';
import Mobx from './mobx/Mobx';
import LoadControl from './LoadControl';
import Components from './Components';
import MST from './mst/MSTWithStore';
import ReduxDemo from './Redux';
import RBD from './rbd';
import Scale from './scale';
import Pattern from './pattern';
import M from './m';

const Content = () => (
  <main>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route exact path="/echarts" component={Echarts} />
      <Route exact path="/gridlayout" component={GridLayout} />
      <Route exact path="/mobx/MobxWithStore" component={Mobx} />
      <Route exact path="/loadControl" component={LoadControl} />
      <Route exact path="/Components" component={Components} />
      <Route exact path="/MST" component={MST} />
      <Route exact path="/ReduxDemo/:id" component={ReduxDemo} />
      <Route exact path="/rbd" component={RBD} />
      <Route exact path="/scale" component={Scale}></Route>
      <Route exact path="/pattern" component={Pattern}></Route>
      <Route exact path="/m" component={M}></Route>
    </Switch>
  </main>
);

export default Content;
